<p class="pt-2 text-wrap">{{ 'AbpFeatureManagement::ManageHostFeaturesText' | abpLocalization }}</p>

<button class="btn btn-primary" type="button" (click)="openFeaturesModal()">
  <i class="me-1 fa fa-cog" aria-hidden="true"></i>
  {{ 'AbpFeatureManagement::ManageHostFeatures' | abpLocalization }}
</button>
@if (visibleFeatures) {
  <abp-feature-management
    *abpReplaceableTemplate="{
      inputs: {
        providerName: { value: 'T' },
        providerKey: { value: providerKey },
        visible: { value: visibleFeatures, twoWay: true }
      },
      outputs: { visibleChange: onVisibleFeaturesChange },
      componentKey: 'FeatureManagement.FeatureManagementComponent'
    }"
    [(visible)]="visibleFeatures"
    providerName="T"
    [providerKey]="providerKey"
  >
  </abp-feature-management>
}
